const path = require("path")
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
    transpileDependencies: true,

    //   publicPath:"/",
    publicPath: "/new/",

    // devServer 配置项，只有在 vue-cli-service serve 启动开发环境时会进行加载
    devServer:{
        // port:8888 // 修改开发服务器的访问端口

        // 定义开发代理服务器
        // 代理服务器一旦启动生效，被代理的请求在浏览器中将不能显示真实请求地址
        proxy:{
            // key:以正则字符串的方式定义，项目中发出的那些请求需要被代理服务器拦截处理
            // value:{ target, pathRewrite , logLevel , logProvider }
            //       target 被拦截的请求需要访问的真实服务器地址
            //       pathRewrite 路径重写
            //       logLevel 日志等级调整
            //       logProvider 请求输出方式
            "^/starPath":{
                target:"http://127.0.0.1:3000/proxy/",
                pathRewrite:{
                    // 将拦截请求的前缀地址 /proxy 重写为 “” 字符串
                    "^/starPath":""
                },
                // 改变日志等级 默认info
                logLevel:"debug",
                logProvider:()=>console
            },
            "^/proxy":{
                target:"http://127.0.0.1:3000/proxy/",
                pathRewrite:{
                    "^/proxy":""
                },
                logLevel:"debug",
                logProvider:()=>console
            }
        }
    },

    pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'scss',
            patterns: [
                // "./src/assets/scss/var.scss"
                path.resolve(__dirname, "./src/assets/scss/var.scss")
            ]
        }
    }
})
